<!doctype html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="./assets/lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="./assets/lib/swiper/css/swiper-bundle.min.css" />
		<link rel="stylesheet" href="./assets/lib/font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="./assets/css/style.css">
		<title>超大的字号，艳俗的色彩</title>
	</head>
	<body class="text">
		<nav class="navbar navbar-expand-lg navbar-light bg-dark ">
			<div class="container ">
				<div class="collapse navbar-collapse d-flex justify-content-between" id="navbarNav">
					<ul class="navbar-nav ">
						<a class="navbar-brand text-white" href="#">听雨轩</a>
						<li class="nav-item">
							<a class="nav-link active text-secondary" aria-current="page" href="#">科技</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-secondary" href="#">娱乐</a>
						</li>
						<li class="nav-item">
							<a class="nav-link text-secondary" href="#">编程</a>
						</li>
					</ul>
					<div class="dropdown">
						<button class="btn btn-secondary dropdown-toggle bg-dark border-0 text-secondary" type="button"
							id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
							papi酱
						</button>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
							<li><a class="dropdown-item" href="#">我的消息</a></li>
							<li><a class="dropdown-item" href="./user.html">账户设置</a></li>
							<li><a class="dropdown-item" href="./homepage.html">退出登录</a></li>
						</ul>
					</div>
				</div>
			</div>
		</nav>

		<div class="container">
			<nav aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="#">主页</a></li>
					<li class="breadcrumb-item"><a href="#">公告列表</a></li>
					<li class="breadcrumb-item active" aria-current="page">超大的字号，艳俗的色彩</li>
				</ol>
			</nav>
			<div class="border border-1 border-muted text-center">
				<h1>超大的字号、艳俗的色彩</h1>
				<p class="text-muted">发布日期： 2022-03-06 14:27:58</p>
				<p class="p-5">东风夜放花千树，更吹落、星如雨。宝马雕车香满路。凤箫声动，玉壶光转，一夜鱼龙舞。
					蛾儿雪柳黄金缕，笑语盈盈暗香去。众里寻他千百度，蓦然回首，那人却在，灯火阑珊处。</p>
				<p class="p-5">
					醉里挑灯看剑，梦回吹角连营。八百里分麾下炙，五十弦翻塞外声，沙场秋点兵。
					马作的卢飞快，弓如霹雳弦惊。了却君王天下事，赢得生前身后名。可怜白发生！
					　谭克非：我们注意到，美方时常发表这种自相矛盾的言论。我想强调的是，台湾是中国的台湾，解决台湾问题是中国人自己的事，要由中国人来决定，不容任何外来干涉。 无论美方说什么，都改变不了中国统一进程，动摇不了我们捍卫国家统一和领土完整的决心意志。
					
					　　“凡今之人，莫如兄弟。”两岸同胞是一家人。我们愿以最大诚意、尽最大努力争取和平统一前景。但如果民进党当局执迷不悟，勾连外部势力不断进行谋“独”挑衅，一味推高两岸对立对抗，甚至不惜将台湾同胞置于危难境地，中国人民解放军将以行动说话，采取必要措施坚决挫败任何“台独”分裂行径和外部势力干涉，坚定维护中华民族根本利益和两岸同胞切身利益。
				</p>
				<p class="p-5">
					醉里挑灯看剑，梦回吹角连营。八百里分麾下炙，五十弦翻塞外声，沙场秋点兵。
					马作的卢飞快，弓如霹雳弦惊。了却君王天下事，赢得生前身后名。可怜白发生！
					　谭克非：我们注意到，美方时常发表这种自相矛盾的言论。我想强调的是，台湾是中国的台湾，解决台湾问题是中国人自己的事，要由中国人来决定，不容任何外来干涉。 无论美方说什么，都改变不了中国统一进程，动摇不了我们捍卫国家统一和领土完整的决心意志。
					
					　　“凡今之人，莫如兄弟。”两岸同胞是一家人。我们愿以最大诚意、尽最大努力争取和平统一前景。但如果民进党当局执迷不悟，勾连外部势力不断进行谋“独”挑衅，一味推高两岸对立对抗，甚至不惜将台湾同胞置于危难境地，中国人民解放军将以行动说话，采取必要措施坚决挫败任何“台独”分裂行径和外部势力干涉，坚定维护中华民族根本利益和两岸同胞切身利益。
				</p>
				
			</div>

			<div class="card mt-4">
				<h5 class="card-header">发表评论</h5>
				<div class="card-body d-flex justify-content-between">
					<div class="text-center" style="width: 20%;">
						<img class="rounded-circle mt-4 border border-3 border-white"
							style="width: 155px; height: 155px;" src="./assets/img/avatar.jpg" alt="">
						<p class="justify-content-center d-flex mt-4 mb-3">
							欢迎，
							<a href="#">Mr.吴</a>
							<i class="fa fa-mars text-warning" /></i>
						</p>
					</div>
					<div class="d-block mt-4 text-end" style="width: 80%;">
						<textarea class="border-1 border-muted round rounded-1" name="" id="" cols="120"
							rows="5"></textarea>
						<div class="text-end">
							<a href="#" class="btn btn-primary">发表评论</a>
						</div>
					</div>
				</div>
			</div>

			<div class="card mt-4">
				<h5 class="card-header">全部评论</h5>
				<div class="card-body d-flex border border-1 border-muted">
					<div class="text-center" style="width: 15%;">
						<img class="rounded-circle mt-4 border border-3 border-white"
							style="width: 120px; height: 120px;" src="./assets/img/avatar.jpg" alt="">
					</div>
					<div class="mt-4" style="width: 85%;">
						<p class="w-100 d-flex justify-content-between">
							<a href=""><span>papi酱</span></a>
							<span>2022-01-27</span>
						</p>
						<p>你好</p>
						<p class="d-flex justify-content-between" style="width: 10%;">
							<span><i class="fa fa-thumbs-up" /></i>32</span>
							<span><i class="fa fa-comment" /></i>12</span>
						</p>
						<div class="reply w-100 border border-1 border-muted d-flex"
							style="background-color:rgba(1,10,5,0.03);">
							<div class="text-center" style="width: 15%;">
								<img class="rounded-circle mt-4 border border-3 border-white"
									style="width: 80px; height: 80px;" src="./assets/img/avatar.jpg" alt="">
							</div>
							<div class="" style="width: 85%;">
								<p class="w-100 d-flex justify-content-between">
									<span class="text-primary">作者</span>
									<span>2022-01-27</span>
								</p>
								<p>你好</p>
								<p class="d-flex justify-content-between" style="width: 10%;">
									<span><i class="fa fa-thumbs-up" /></i>32</span>
									<span><i class="fa fa-comment" /></i>12</span>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="card-body d-flex">
					<div class="text-center" style="width: 15%;">
						<img class="rounded-circle mt-4 border border-3 border-white"
							style="width: 120px; height: 120px;" src="./assets/img/avatar.jpg" alt="">
					</div>
					<div class="mt-4" style="width: 85%;">
						<p class="w-100 d-flex justify-content-between">
							<a href=""><span>papi酱</span></a>
							<span>2022-01-27</span>
						</p>
						<p>你好</p>
						<p class="d-flex justify-content-between" style="width: 10%;">
							<span><i class="fa fa-thumbs-up" /></i>32</span>
							<span><i class="fa fa-comment" /></i>12</span>
						</p>
						<div class="reply w-100 border border-1 border-muted d-flex"
							style="background-color:rgba(1,10,5,0.03);">
							<div class="text-center" style="width: 15%;">
								<img class="rounded-circle mt-4 border border-3 border-white"
									style="width: 80px; height: 80px;" src="./assets/img/avatar.jpg" alt="">
							</div>
							<div class="" style="width: 85%;">
								<p class="w-100 d-flex justify-content-between">
									<span class="text-primary">作者</span>
									<span>2022-01-27</span>
								</p>
								<p>你好</p>
								<p class="d-flex justify-content-between" style="width: 10%;">
									<span><i class="fa fa-thumbs-up" /></i>32</span>
									<span><i class="fa fa-comment" /></i>12</span>
								</p>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		

		<nav class="nav bg-dark mt-5" style="">
			<div class="container">
				<h6 class="text-white mt-5 mb-3">友情链接</h6>

				<p class="d-flex justify-content-start">
					<a class="nav-link active text-white ps-0" aria-current="page" href="#">Active</a>
					<a class="nav-link text-white" href="#">Link</a>
					<a class="nav-link text-white " href="#">Link</a>
					<a class="nav-link disabled text-white" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
				</p>
				<p class="d-flex justify-content-end text-white">
					COPYRIGHT(@)2023 mo005_3428-博客网站
				</p>
			</div>
		</nav>

		<!-- Option 1: Bootstrap Bundle with Popper -->
		<script src="./assets/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
	</body>
</html>
